.middle {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    /*background-color: rgba(243, 3, 36, .7);*/
}
.demo_section,.video_section,.intro_section,.info_section {
    width: 100%;
    height: auto;
    padding-top: 0;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
}
.demo_section {
    height: auto;
    padding-top: 100px;
    /*background-color: #FFF346;*/
}
.demo_img {
    width: 100%;
    height: 100%;
    margin-bottom: 70px;
}
.video_frame {
    width: 100%;
    height: 100%;
    border-width: 0;
    /*overflow-x: hidden;*/
    /*overflow-y: hidden;*/
    background-color: #000000;
}
.video_section {
    height: auto;
    padding-top: 100px;
    /*background-color: #d34346;*/
}
.demo_container,.video_container,.intro_container,.info_container {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}
.try_btn {
    margin-bottom: 20px;
    background-color: #1989FA;
    color: #ffffff;
    outline: none;font-size: x-large;
}
.demo_container {
    width: 100%;
    height: auto;
    /*background-color: #1Fe346;*/
}
.video_container {
    width: 100%;
    height: 600px;
    /*background-color: #a6800f;*/
}
.demo_title,.demo_tro_title,.video_title,.api_title,.product_title,.intro_title {
    width: 100%;
    height: 80px;
    font-size: 50px;
    text-align: center;
    font-weight: bold;
}
.demo_tro_title {
    font-size: x-large;
    height: auto;
    color: #999999;
}
.white_section {
    background-color: #ffffff;
}
.grey_section {
    background-color: #eeeeee;
}
.product_all_img {
    margin-top: 50px;
}
.intro_section {
    height: auto;
    /*background-color: #304346;*/
}
.info_section {
    height: auto;
    /*background-color: #ffffff;*/
}
.intro_container {
    width: 100%;
    height: auto;
    padding-top: 100px;
    padding-bottom: 100px;
    overflow: hidden;
    zoom: 1;
    text-align: center;
}
.intro_explain_container {
    width: 100%;
    height: auto;
    text-align: center;
    font-family: "Microsoft Yahei";
}
.intro_tro {
    width: auto;
    height: auto;
    margin-bottom: 10px;
    font-size: x-large;
    color: #333333;
}
.intro_img {
    width: 85%;
    height: auto;
    margin-top: 30px;
}
.api_column {
    width: 48%;
    height: 200px;
    margin-right: 1%;
    float: left;
    text-align: center;
    /*background-color: rgba(66, 66, 66, 1);*/
}
.api_os_title {
    width: auto;
    height: auto;
    font-size: 20px;
    color: #000000;
}
.api_version {
    width: auto;
    height: auto;
    font-size: 14px;
    color: #666666;
}
.api_download {
    width: auto;
    height: auto;
    font-size: 14px;
    color: #00BFFF;
}
.api_download a:visited {
    color: inherit;
}
.api_download a:link {
    color: inherit;
}
.api_download-bar a:active {
    color: inherit;
}
.api_download-bar a:hover {
    color: inherit;
}
.business_img {
    width: 50%;
    height: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}